<script setup>
import { ref } from 'vue';
import ChartContainer from '../ChartContainer.vue';

const option = ref({
  tooltip: {
    formatter: '{a} <br/>{b} : {c}%'
  },
  series: [
    {
      name: '业务指标',
      type: 'gauge',
      progress: {
        show: true,
        width: 18
      },
      axisLine: {
        lineStyle: {
          width: 18
        }
      },
      detail: {
        valueAnimation: true,
        fontSize: 30
      },
      data: [
        {
          value: 72.5,
          name: '完成率'
        }
      ]
    }
  ]
});
</script>

<template>
  <ChartContainer title="业务完成率仪表盘" :option="option" />
</template>